<script setup>
/**
 * @/App.vue
 * 描述主应用组件, 这里描述了整个 Vue 应用的骨架
 */

/* 引入 */
import BasicLayout from "@/layouts/BasicLayout.vue";
import PageHeader from "@/components/PageHeader/PageHeader.vue";
import PageFooter from "@/components/PageFooter/PageFooter.vue";
import PageMain from "@/components/PageMain/PageMain.vue";
</script>

<template>
  <div id="main-page">
    <BasicLayout :showAside="true">
      <!-- 页面头部 -->
      <template #header>
        <PageHeader />
      </template>
      <!-- 页面内容 -->
      <template #main>
        <PageMain />
      </template>
      <!-- 页面尾部 -->
      <template #footer>
        <PageFooter />
      </template>
    </BasicLayout>
  </div>
</template>

<style scoped></style>
